@import "bootstrap/bootstrap.less";

#close_block {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.container {
  width: auto !important;
  padding-left: 20px;
  padding-right: 20px;
}

.btn, a, input, select, label {
  position: relative;
  z-index: 2;
}

.navbar ul.nav #notification_link {
  margin-left: 20px;
  
  a {
    padding: 5px 0 0 0;

    span {
      display: inline-block;
      background-color: #eee;
      padding: 5px 12px;
      .border-radius(3px);
    }

    &:hover span, &.new span {
      background-color: rgba(200, 0, 0, 1);
      box-shadow: inset 1px 1px 0 rgba(155, 0, 0, 1), inset -1px -1px 0 rgba(255, 255, 255, 0.2);

      color: #fff;
      font-weight: bold;
    }
  }
}

#notifications {
  display: none;
  position: fixed;
  right: 30px;
  top: 42px;
  width: 400px;
  border: 1px solid #ccc;
  z-index: 10000;
  background-color: #fff;
  .box-shadow(0 0 4px #ccc);
  .border-radius(2px);

  &:before {
    content: '';
    display: inline-block;
    border-left:   7px solid transparent;
    border-right:  7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: @dropdownBorder;
    position: absolute;
    top: -7px;
    right: 9px;
  }

  &:after {
    content: '';
    display: inline-block;
    border-left:   6px solid transparent;
    border-right:  6px solid transparent;
    border-bottom: 6px solid @dropdownBackground;
    position: absolute;
    top: -6px;
    right: 10px;
  }

  a.audit {
    display: block;
    font-weight: bold;
    #gradient > .vertical(rgba(255, 255, 255, 1), rgba(200, 200, 200, 0.1));
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
  }

  ol {
    list-style-type: none;
    margin: 0;
    padding: 0;

    li {
      margin: 0;
      padding: 10px 10px 5px 10px;
      border-bottom: 1px solid #eee;
      color: #999;

      p span {
        float: right;
        font-size: 80%;
      }

      a.ytvideo {
        display: block;
        .clearfix();

        img {
          float: left;
          margin-right: 10px;
          margin-bottom: 5px;
          width: 80px;
          border: 1px solid #ccc;
        }

        h4 {

        }
      }

      &:last-child {
        border-bottom: none;
      }
    }
  }
}

#content {
  margin-top: 50px;
}